<template>
  <el-dialog
    :visible="dialogVisible"
    title="离线集群配置"
    width="90%"
    @close="$emit('close')"
  >
    <el-tabs
      v-model="activeTab"
      style="box-shadow: none;"
      type="border-card"
    >
      <el-tab-pane
        label="集群基础配置"
        name="1"
      >
        <BasicConfig />
      </el-tab-pane>
      <el-tab-pane
        label="冷备参数配置"
        name="2"
      >
        <ColdStandbyConfig />
      </el-tab-pane>
      <el-tab-pane
        label="冷备同步黑名单"
        name="3"
      >
        <ColdStandbyBlacklist />
      </el-tab-pane>

      <el-tab-pane
        label="离线数据文件"
        name="4"
      >
        <!-- <OfflineFile /> -->
      </el-tab-pane>

    </el-tabs>
  </el-dialog>
</template>

<script>
import BasicConfig from './basicConfig.vue'
import ColdStandbyBlacklist from './coldStandbyBlacklist.vue'
import ColdStandbyConfig from './coldStandbyConfig.vue'
import OfflineFile from './offlineFile.vue'
export default {
  components: {
    BasicConfig,
    ColdStandbyBlacklist,
    ColdStandbyConfig,
    OfflineFile
  },
  props: {
    dialogVisible: Boolean
  },
  data() {
    return {
      activeTab: '1'
    }
  },
  methods: {
  }
}
</script>

<style lang="scss" scoped>

</style>
